<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/personalcenter.css">
</head>
<body>
    <!-- 头部开始 -->
    <header>
        <img src="../image/img.png" alt="">
        <span>安安</span>
        <div>123****4567</div>
    </header>    
    <!-- 订单分类 -->
    <div class="myorder">
        <div>我的订单</div>
        <nav class="ordertype">
            <a href="">
                <img src="../image/icon-order1.png" alt="">
                <p>全部订单</p>
            </a>
            <a href="">
                <img src="../image/icon-order2.png" alt="">
                <p>待付款</p>
            </a>
            <a href="">
                <img src="../image/icon-order3.png" alt="">
                <p>待发货</p>
            </a>
            <a href="">
                <img src="../image/icon-order4.png" alt="">
                <p>已完成</p>
            </a>
        </nav>        
    </div>
    <div class="ad">
        <img src="../image/ad.png" alt="">
    </div>
    <!-- 我的服务开始 -->
    <div class="myservice">
        <div>我的服务</div>
        <nav class="servicetype">
            <a href="">
                <img src="../image/icon-nav1.png" alt="">
                <p>优惠券包</p>
            </a>
            <a href="">
                <img src="../image/icon-nav2.png" alt="">
                <p>地址管理</p>
            </a>
            <a href="">
                <img src="../image/icon-nav3.png" alt="">
                <p>客服中心</p>
            </a>
            <a href="">
                <img src="../image/icon-nav4.png" alt="">
                <p>帮助中心</p>
            </a>
            <a href="">
                <img src="../image/icon-nav5.png" alt="">
                <p>分销中心</p>
            </a>
        </nav>
    </div>
    <!-- 底部开始 -->
    <nav class="users">
        <a href="">
            <img src="../image/tab-index.png" alt="">
            <div>首页</div>
        </a>
        <a href="">
            <img src="../image/tab-category.png" alt="">
            <div class="red">菜单</div>
        </a>
        <a href="">
            <img src="../image/tab-cart.png" alt="">
            <div>购物车</div>
        </a>
        <a href="">
            <img src="../image/tab-mine-active.png" alt="">
            <div>我的</div>
        </a>
    </nav>
</body>
</html>